<template>
	<div>
		<A>
			<template #[str]>
				<!-- <template #x>   可以简写成这样 -->
				<a href="">这是XXX数据</a>
			</template>

			<template v-slot="{ data }">
				<!-- <template #default="{ data }">可以简写成这样 -->
				{{ data }}
			</template>

			<template v-slot:y>
				<!-- <template #y>   可以简写成这样 -->
				<a href="">这是yyy数据</a>
			</template>
		</A>
	</div>
</template>

<script setup>
import A from '@/components/A.vue';
// 定义动态插槽
let str = ref('xxx');
</script>

<style></style>
